<@main.page title="增删改示例">
<!--内容区开始-->
            <div class="portlet box purple">
						<div class="portlet-title">
							<div class="caption"><i class="fa fa-file"></i>发文列表</div>
							<div class="actions">
								<a href="发文管理_Add.html" class="btn blue"><i class="fa fa-file-text-o"></i> 新建</a>
								<a href="发文管理_Edit.html" class="btn blue"><i class="fa fa-edit"></i> 修改</a>
								<a href="" class="btn blue"><i class="fa fa-trash-o"></i> 删除</a>
							</div>
						</div>
						<div class="portlet-body">
							<table id="table-main" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th class="table-checkbox"><input type="checkbox" class="group-checkable" data-set="#table-main .checkboxes" /></th>
										<th >公文标题</th>
										<th >附件</th>
										<th >接收时间</th>
										<th >审批状态</th>
										<th >接收情况反馈</th>
									</tr>
								</thead>
								<tbody>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">R关于柴油罐整改报告的回复函</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-warning">&nbsp;正在审批&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:15%">
                                                    0/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">Q关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-02</td>
										<td ><span class="label label-sm label-warning">&nbsp;正在审批&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:15%">
                                                    0/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">P关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-03</td>
										<td ><span class="label label-sm label-danger">&nbsp;审批退回&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:15%">
                                                    0/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">O关于召开安全会议的通知</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-04</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:90%">
                                                    9/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">检查通知</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-05</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    12/12
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">N关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">M关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">L关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-06</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">JK关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-07</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">I关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">H关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">G关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-08</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">F关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">E关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">D关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">AAB关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">C关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">B关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td><input type="checkbox" class="checkboxes" value="1" /></td>
										<td ><a href="发文管理_Detail.html">A关于园区消防安全公告</a></td>
										<td ><a href="#">附件文件</a></td>
										<td class="center">2015-12-01</td>
										<td ><span class="label label-sm label-success">&nbsp;审批完结&nbsp;</span></td>
										<td>
											<div class="progress progress-striped active">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width:100%">
                                                    10/10
                                                </div>
                                            </div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
				</div>
            <!--内容区结束-->
            <script type="text/javascript">
               $(document).ready(function(){
            	   initTable();
               });
            
               //init 表格
               function initTable(){
            	   var $table=$('#table-main');
            	    // begin: third table
                   $table.dataTable({
                       "aLengthMenu": [
                           [5, 15, 20, -1],
                           [5, 15, 20, "All"] 
                       ],
                       "iDisplayLength": 5,
                       "sPaginationType": "bootstrap",
                       "oLanguage": {
                           "sLengthMenu": "_MENU_ 条",
                           "oPaginate": {
                               "sPrevious": "Prev",
                               "sNext": "Next"
                           }
                       },
                       "aoColumnDefs": [{
                               'bSortable': false,
                               'aTargets': [0]
                           }
                       ]
                   });

                   $table.find('.group-checkable').change(function () {
                       var set = jQuery(this).attr("data-set");
                       var checked = jQuery(this).is(":checked");
                       jQuery(set).each(function () {
                           if (checked) {
                               $(this).attr("checked", true);
                           } else {
                               $(this).attr("checked", false);
                           }
                       });
                       jQuery.uniform.update(set);
                   });

                   $('.dataTables_wrapper .dataTables_filter input').addClass("form-control input-small"); // modify table search input
                   $('.dataTables_wrapper .dataTables_length select').addClass("form-control input-xsmall"); // modify table per page dropdown
                   $('.dataTables_wrapper .dataTables_length select').select2(); // initialize select2 dropdown
               }
            </script>
</@main.page>
